<!doctype html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>我的消息</title>
<link href="../../css/newStyle.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/gbRst.js"></script>
<script type="text/javascript" src="../../js/utils.js"></script>
<script type="text/javascript" src="../../js/openId.js"></script>
<script type="text/javascript" src="../../js/header&footer.js"></script>
<!-- <script type="text/javascript" src="../../js/carService.js"></script>
 --><script type="text/javascript" src="../../js/doubleDate2.0.js"></script>
<script type="text/javascript" src="../../js/check.js"></script>
<script type="text/javascript" src="../../js/qmsk-1.2.js"></script>
<script type="text/javascript">
var sendType = 1;
$(function(){
	$(".messageAbb").click(function(){
		if($(this).hasClass("showAbb")){
			$(this).css("white-space","nowrap");	
			$(this).removeClass("showAbb");
		}else{
			var index=$(".messageAbb").index(this);
			$(this).css("white-space","normal");	
			$(this).addClass("showAbb");
		}
	})//精简显示消息
	
	getRecord()

})

function getRecord(){
	 new qmsk.SiglePinterest({
			url : '../../../customerMessage/find/customerMessage', // 请求地址，插件会自动在 url 后追加 /n/n
			initPage : 1, // 首次加载页数
			size : 10, // 每次加载数量，即每页的大小
			success : printDataToPage, // 成功回调
			valves : 100 ,//当滚动条距离底部该像素的时候加载
			data:{'shopId':_shopId,'openId':_openId,'sendType':sendType},
			loading : addRefresh2,
			loaded : delRefresh,
			emptyHandler :showNoResult

		});
}

function showNoResult(){
	$("#noResult").show()
}

function printDataToPage(dt){
	for ( var i = 0; i < dt.row; i++) {
		$("#noResult").hide()
		var htm = "";
		if(sendType==0){
			
		 htm="<section class=\"myMessage\"><h3>"+dt.getValue("title",i)+"<time>"+dt.getValue("createdTime",i)+"</time></h3><div class=\"messageAbb\">"+dt.getValue("content",i)+"</div><article class=\"source\">消息来源：<span class=\"thisName\">本人</span></article></section>"
		}else{
			 htm="<section class=\"myMessage\"><h3>"+dt.getValue("title",i)+"<time>"+dt.getValue("createdTime",i)+"</time></h3><div class=\"messageAbb\">"+dt.getValue("content",i)+"</div><article class=\"source\">消息来源：<span class=\"thisName\">"+dt.getValue("userName",i)+"</span></article></section>"
		}
		$("#info").append(htm)
	}
	
}


function deleteInfo(id){
	var dt = _deleteInfo("../../../overServiceRecord/del", {"id":id});
	if(IsNotEmpty(dt)&&dt.state==0){
		$("#record_"+id).remove();
	}
	
}

function cq(){
	sendType=1
	$("#fs").removeClass("focus")
	$("#cq").addClass("focus")
	$("#info").empty()
	getRecord()
	}
function fs(){
	sendType= 0
	$("#info").empty()
	$("#cq").removeClass("focus")
	$("#fs").addClass("focus")
	getRecord()
}
</script>
</head>

<body>
<div class="wrapper" style="padding-bottom:30px;">
  <div class="container">
  <div class="placeTit"><a href="javascript:history.go(-1)" class="back"></a>我的消息</div>
  <div class="tabChange"><ul><li class="focus" id="cq" onclick="cq()">已收取</li><li id="fs" onclick="fs()">已发送</li></ul></div>
  		<div class="boxTab" style="display:block;" id="info">
        <!-- <section class="myMessage">
        	<h3>恭喜您获得100元优惠券<time>2014-03-12</time></h3>
            <div class="messageAbb">英文缩写大全,英文缩写查询为您提供3万多条英文单词缩写的在线翻译。例如月份的英文缩写,分钟的英文缩写,地址的英文缩写等常用英文缩写。线上聊天的英文简写2010-07-10 01:15:25 简写是因为打字快,读音又相同。 r=are, pls=please, u=you, asap=as soon as possible等等 asl是Age</div>
            <article class="source">消息来源：<span class="thisName">系统</span></article>
        </section>
  		<section class="myMessage">
        	<h3>恭喜您获得100元优惠券<time>2014-03-12</time></h3>
            <div class="messageAbb">英文缩写大全,英文缩写查询为您提供3万多条英文单词缩写的在线翻译。例如月份的英文缩写,分钟的英文缩写,地址的英文缩写等常用英文缩写。线上聊天的英文简写2010-07-10 01:15:25 简写是因为打字快,读音又相同。 r=are, pls=please, u=you, asap=as soon as possible等等 asl是Age</div>
            <article class="source">消息来源：<span class="thisName">系统</span></article>
        </section>
  		<section class="myMessage">
        	<h3>恭喜您获得100元优惠券<time>2014-03-12</time></h3>
            <div class="messageAbb">英文缩写大全,英文缩写查询为您提供3万多条英文单词缩写的在线翻译。例如月份的英文缩写,分钟的英文缩写,地址的英文缩写等常用英文缩写。线上聊天的英文简写2010-07-10 01:15:25 简写是因为打字快,读音又相同。 r=are, pls=please, u=you, asap=as soon as possible等等 asl是Age</div>
            <article class="source">消息来源：<span class="thisName">系统</span></article>
        </section> -->
        </div>
  	<div class="boxTab">
  			<!-- <section class="myMessage">
        	<h3>恭喜您获得100元优惠券<time>2014-03-12</time></h3>
            <div class="messageAbb">英文缩写大全,英文缩写查询为您提供3万多条英文单词缩写的在线翻译。例如月份的英文缩写,分钟的英文缩写,地址的英文缩写等常用英文缩写。线上聊天的英文简写2010-07-10 01:15:25 简写是因为打字快,读音又相同。 r=are, pls=please, u=you, asap=as soon as possible等等 asl是Age</div>
            <article class="source">消息来源：<span class="thisName">本人</span></article>
        </section>
  		<section class="myMessage">
        	<h3>恭喜您获得100元优惠券<time>2014-03-12</time></h3>
            <div class="messageAbb">英文缩写大全,英文缩写查询为您提供3万多条英文单词缩写的在线翻译。例如月份的英文缩写,分钟的英文缩写,地址的英文缩写等常用英文缩写。线上聊天的英文简写2010-07-10 01:15:25 简写是因为打字快,读音又相同。 r=are, pls=please, u=you, asap=as soon as possible等等 asl是Age</div>
            <article class="source">消息来源：<span class="thisName">本人</span></article>
        </section> -->
        </div>
        <div class="noData" id="noResult" style="display: none;">
  <p class="Datatips">暂时无消息！</p>
</div>
  </div>
</div>
</body>
</html>
